@charset "utf-8";
/* 
 Data: 2020/9/28 11:30
 Author: Danyhug
 Version: 0.0.1
 */

/* 公共css */

.iconfont {
	margin: 0 16px;
}

/* 初始化 */
* {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "microsoft yahei";
}

*::selection {
	background-color: lightseagreen;
	color: #fff;
}

iframe{
	position: absolute;
	right: 60px;
	top: 0;
}

body, html {
	height: 100%;
	width: 100%;
	scroll-behavior:smooth;
}

/* 默哀 */
/* html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);} */

/*包含以下五种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
}

input {
	/* 去除选中样式 */
	outline: none;
}

/* 去除i的默认样式 */
i {
	font-style: normal;
}

.backgroundImgCss {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

h1{font-size: 24px; font-weight: 300;}
h2{font-size: 22px; font-weight: 500;}
h3{font-size: 16px; font-weight: 500;}
h4{font-size: 14px; font-weight: 500;}
small{font-size: 14px;}
p{word-break: break-all;}

/* 块级标签 */
.block {
	display: block;
}

/* 置顶标签 */
.topLable {
	position: relative;
	top: -4px;
	border-radius: 4px;
	font-size: 14px;
	display: inline;
	padding: 2px 6px;
	margin-right: 10px;
	background-color: #f05050;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

/* 分割线 */
.crossLine {
	height: 1px;
	width: 100%;
	background: rgba(0, 0, 0, .5);
}

/* 导航列表css */
.navList li>a{
	padding: 8px 0 8px 0px;
	font-size: 16px;
}

/* 图标600加粗 */
.icon600bold {
	font-weight: 600;
}

.clear {
	overflow: hidden;
}

/* 导航标签 */
.navTitle {
	margin: 4px;
}

.navTitle span{
	font-size: 14px;
	position: relative;
	left: 10px;
}

.navTitle:hover{
	background: none!important;
}

/* 字母分开 */
.letterSpacing {
	letter-spacing: 2px;
}

.letterSpacing1 {
	letter-spacing: 1px;
}

.center_part {
	width: 700px;
	display: table-cell;
}

/* 博客主体部分 */
a>.panel_img_top {
	width: 100%;
	height: 240px;
	/* 图片部分 */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* 向上滚动 */
.top_button {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 4px;
	margin: 0;
	z-index: 999;
	padding: 10px;
	font-size: 24px;
	background-color: rgba(255,255,255,.8);
	border-radius: 10px;
	border: 2px solid rgba(25,25,25,.5);
}

/* 文章总体部分 */

/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */

/* 头部css */
#body {
	position: relative;
	height: 100%;
	width: 100%;
}

.alllayout {
	position: relative;
	width: 1170px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
}

.alllayout>#header {
	position: fixed;
	top: 0;
	width: 1170px;
	height: 50px;
	z-index: 999;
	/* border-bottom: .5px solid rgb(88, 102, 110); */
	box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);
}

.alllayout>#header>div {
	display: inline-block;
}

/* 头部Logo部分 */
.alllayout>#header>.header_home {
	width: 230px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	height: 100%;
	background: rgb(114, 102, 186);
}

.alllayout>#header>.header_home>a {
	color: #fff;
}

.alllayout>#header>.header_main {
	background: rgba(255, 255, 255, 0.94);
	position: absolute;
	width: 940px;
	height: 100%;
}

/* 头部右侧 */
.alllayout>#header>.header_main>input[type="text"] {
	margin: 10px;
	height: 30px;
	width: 140px;
	border-radius: 15px;
	border: none;
	padding: 0 20px;
	font-size: 2px;
	margin-left: 40px;
	background: rgba(255, 255, 255, .9);
	color: rgb(85, 85, 85);
	transition: all .2s;
}

.alllayout>#header>.header_main>input[type="text"]:hover {
	background-color: rgba(224,230,241,.8);
}

.alllayout>#header>.header_main>input[type="text"]:focus {
	background: rgba(255, 255, 255, .9);
}

.alllayout>#header>.header_main>span {
	position: relative;
	left: -60px;
	color: rgb(88, 102, 110);
	font-weight: 1000;
	background: rgb(238, 242, 243);
	padding: 6px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	top: 2px;
	cursor: pointer;
}

.alllayout>#header>.header_main>span:hover {
	color: #000;
}

/* 主体css */
#main {
	position: relative;
	top: 50px;
	height: auto;
	min-height: 100%;
	z-index: 1;
	overflow: hidden;
}

#main>.main_nav {
	float: left;
	height: 100%;
	min-height: 100%;
	width: 230px;
	background: rgba(58, 63, 81, 0.9);
	color: #a6a8b1;
	position: fixed;
	overflow: auto;
	scrollbar-width: none;
	z-index: 1000;
	/* 隐藏滚动条 */
	-ms-overflow-style: none;
	/* IE 10+ */
	scrollbar-width: none;
	/* Firefox */
}

#main>.main_nav a{color: #a6a8b1;display: inline-block;width: 100%;height: 100%;}
#main>.main_nav a:hover {
	color: #fff;
	background-color: rgba(20,20,20,.3);
}

/* 隐藏滚动条 */
#main>.main_nav::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}

/* main_nav头部 */
#main>.main_nav>.nav_header {
	text-align: center;
	padding: 22px;
	display: block;
}

/* 头像 */
#main>.main_nav>.nav_header>img {
	height: 90px;
	border-radius: 50%;
}

#main>.main_nav>.nav_header>span {
	display: block;
}

#main>.main_nav>.nav_header>span>strong {
	color: #eaebed;
	font-size: 16px;
	margin: 2px;
}

#main>.main_nav>.nav_header>span>.sign {
	font-size: 14px;
}

/* nav_main导航主体 */
.navList>li>a .iconbtn {
	float: right;
	margin-right: 30px;
	margin-top: 6px;
	font-size: 1px;
	display: inline-block;
}

/* 分类具体 */
.nav_sub{
	font-size: 12px;
}

.nav_sub>li>a {
	padding-left: 53px!important;
}


/* 导航栏底部Rss */
.nav_footer {
	margin-top: 20px;
	width: 230px;
	position: fixed;
	bottom: 0;
	background: red;
	font-size: 16px;
	background: rgb(55, 58, 66);
	color: #a6a8b1;
}

.nav_footer>a {
	float: left;
	text-align: center;
	width: 50%!important;
	padding: 4px 0;
}

.nav_footer>a .iconfont {
	display: block;
	margin: 0;
}

/* main_body 主体部分 */
.main_body {
	float: left;
	display: table-cell;
	width: 940px;
	height: 100%;
	margin-left: 230px;
}

.main_body>.center_part {
	vertical-align: top;
}

/* main头部分 */
.main_body>.center_part>.main_header {
	padding: 15px 20px;
	background-color: rgba(249, 249, 249, 0.9);
}

.main_body>.center_part>.main_header small {
	color: #98a6ad;
}

/* 底部页码部分 */
.page_Item {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
}

.page_Item>ol {
	display: inline-block;
	margin: 30px 0;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
}

.page_Item>ol>li {
	display: inline-block;
}

.page_Item>ol>li>a {
	padding: 6px 12px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #ddd;
	color: #337ab7;
}

.page_Item>ol>li:first-of-type> a{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.page_Item>ol>li:last-of-type> a{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.page_current > a {
	color: #fff!important;
	background-color: rgba(51, 122, 183, 0.7)!important;
	border: 1px solid rgba(51, 122, 183, 0.7)!important;
}

/* 主体侧边部分 */
.main_aside{
	background-color: rgba(255, 255, 255, 0.86);
	margin-left: 930px;
	display: table-cell;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/* 侧边栏导航 */

.main_aside>.side_bar>section>.nav_tabs{
	height: 60px;
}

.main_aside>.side_bar>section>.nav_tabs>ul {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.main_aside>.side_bar>section>.nav_tabs>ul li {
	display: table-cell;
	width: 33.3%;
	height: 100%;
	border-bottom: 1px solid rgb(222, 229, 231);
	vertical-align: middle;
	/* border: 10px solid green; */
}

.main_aside>.side_bar>section>.nav_tabs>ul>.active {
	border-color: rgb(35, 183, 229);
}

.main_aside>.side_bar>section>.nav_tabs>ul>li i {
	font-size: 18px;
	color: #98a6ad;
}

/* 侧边内容部分 */
.main_aside>.side_bar>section>.tab_content {
	padding: 10px 24px;
}

.main_aside>.side_bar>section>.tab_content h3{
	color: rgb(88, 102, 110);
	margin: 10px 0;
	margin-bottom: 0;
}

/* 侧边内容公共css部分 */
.main_aside>.side_bar>section>.tab_content ul>li{
	margin: 16px 0;
}

.main_aside>.side_bar>section>.tab_content ul>li>a {
	float: left;
	margin-right: 15px;
}

/* 侧面随机头像 */
.main_aside>.side_bar>section>.tab_content .headimg {
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 2px 2px 3px #e1e1e1;
}

.main_aside>.side_bar>section>.tab_content ul>li>.clear>a {
	color: rgb(88, 102, 110);
	/* text-align: justify; */
}

.main_aside>.side_bar>section>.tab_content ul>li>.clear small {
	color: rgb(152, 166, 173);
	font-size: 13px;
	display: inline-block;
	line-height: 24px;
}

.main_aside>.side_bar>section>.tab_content ul>li>.clear small>.iconfont {
	margin: 0;
	vertical-align: bottom;
}

/* 热门文章 */
.main_aside>.side_bar>section>.tab_content>.tab_hots>ul>li>.clear small, .main_aside>.side_bar>section>.tab_content>.tab_rand>ul>li>.clear small {
	position: relative;
	top: -4px;
}

.main_aside>.side_bar>section>.tab_content>.tab_hots>ul>li>.clear small>.iconfont {
	margin: 0;
	vertical-align: bottom;
}

/* 博客信息 */
.main_aside>.side_bar>.aside_info {
	color: rgb(88, 102, 110);
	padding: 10px 24px;
}

.main_aside>.side_bar>.aside_info>.list_group {
	margin: 16px 0;
	border-radius: 8px;
	overflow: hidden;
}

.main_aside>.side_bar>.aside_info>.list_group .list_group_items {
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	text-align: left;
	padding: 10px 0;
}

.main_aside>.side_bar>.aside_info>.list_group>.list_group_items .iconfont {
	vertical-align: baseline;
	margin: 0 2px 0 16px;
	position: relative;
	top: 1px;
}

.main_aside>.side_bar>.aside_info>.list_group .list_group_items span {
	background-color: #8db3bd;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 12px;
	float: right;
	margin-right: 20px;
}

/* 标签云 */
.aside_clude{margin-bottom: 20px;}

.main_aside>.side_bar>.aside_clude {
	color: rgb(88, 102, 110);
	padding: 10px 24px;
	box-sizing: border-box;
}

.main_aside>.side_bar>.aside_clude h3 {
	margin-bottom: 16px;
}

.main_aside>.side_bar>.aside_clude .clude_label {
	display: inline-block;
	font-size: 12px;
	padding: 2px 6px;
	background-color: #8db3bd;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	color: #fff;
	border-radius: 16px;
	text-align: center;
	word-break: break-word;
	white-space: nowrap;
	margin-bottom: 4px;
}

/* 首页底部版权部分 */
footer{
	position: absolute;
	bottom: -100px;
	right: 0;
	left: 0;
	margin-left: 230px;
	height: 50px;
	background-color: rgba(237, 241, 242, 0.94);;
	color: rgb(88, 102, 110);
	border-top: 1px solid rgb(222, 229, 231);
	font-size: 14px;
	line-height: 50px;
	padding: 0 20px;
}

footer>.copyright{
	position: absolute;
	left: 0;
	margin-left: 30px;
}
footer>.explain{
	position: absolute;
	right: 0;
	margin-right: 30px;
}

/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */